<template>
  <view class="button-fixed">
    <view class="fixed-box">
      <slot name="btn" />
      <view class="submit-btn" @click="$emit('submit')"><slot /></view>
    </view>
  </view>
</template>

<script>
  export default {
    name:"button-fixed",
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">
.button-fixed {
  width: 100vw;
  height: calc(114rpx + env(safe-area-inset-bottom));
  .fixed-box {
    overflow: hidden;
    width: 100vw;
    box-sizing: border-box;
    height: calc(114rpx + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: 30rpx;
    padding-right: 30rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 3rpx 29rpx 0rpx rgba(0,0,0,0.13);
    @include flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    .submit-btn {
      flex: 1;
      height: 80rpx;
      background: linear-gradient(1deg, #20659C, #4590CC);
      border-radius: 40rpx;
      @include flex;
      font-size: 30rpx;
      color: #FFFFFF;
    }
  }
}
</style>